.abnormal-tasks {
	padding-left: 2.5rem;

	.title {
		display: flex;
		align-items: center;
		margin-bottom: 1.5rem;

		.text {
			flex: 1;
			color: var(--color-text-0);
			font-size: var(--text-lg);
		}

		.num {
			flex: 1;
			color: var(--color-error);
			font-size: var(--text-xxl);
			text-align: right;
		}
	}

	.bar-container {
		.info {
			display: flex;
			align-items: center;
			padding-bottom: 0.75rem;

			.name {
			}

			.num {
				flex: 1;
				color: #2A2B31;
				font-size: var(--text-xl);
				text-align: right;
			}
		}
		.bar {
			height: 0.75rem;
			margin-bottom: 1.5rem;
		}
	}
}
